<!--
 * @Descripttion: 
 * @version: 
 * @Author: 宁乃楚
 * @Date: 2021-07-01 15:37:05
 * @LastEditors: 宁乃楚
 * @LastEditTime: 2021-07-05 21:26:40
-->
<template>
  <div class="help">
      <van-sticky :offset-top="0">
        <van-nav-bar title="使用帮助" />
      </van-sticky>
    <div class="content">
      <van-cell-group>
        <van-cell title="常见问题">
          <img
            style="width: 26px; height: 26px"
            src="../../assets/tip.png"
            alt=""
          />
        </van-cell>
        <van-cell title="1.优惠卷如何使用" />
        <van-cell title="2.取消订单后钱什么时候到账" />
        <van-cell title="3.可以固定同一个阿姨服务吗" />
        <van-cell title="4.如何选择上一次服务的阿姨" />
        <van-cell title="5.预约成功后在哪里查看" />
      </van-cell-group>
      <van-cell-group>
        <van-cell title="更多问题">
          <img
            style="width: 26px; height: 26px"
            src="../../assets/tip.png"
            alt=""
          />
        </van-cell>
        <van-grid column-num="3">
          <van-grid-item text="订单相关" />
          <van-grid-item text="客户端使用" />
          <van-grid-item text="优惠卷与活动" />
        </van-grid>
        <van-grid column-num="3">
          <van-grid-item text="支付与费用" />
          <van-grid-item text="服务相关" />
        </van-grid>
      </van-cell-group>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.help /deep/ .van-nav-bar__title {
  color: white !important;
  font-size: 16px;
}
.help /deep/ .van-nav-bar {
  background-color: pink;
  margin: 0;
  font-size: 16px;
}
.help /deep/ .van-nav-bar__text {
  color: white !important;
  font-size: 16px;
}
.help /deep/ .van-icon {
  color: white !important;
  font-size: 16px;
}
</style>